<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="/assets/jquery/jquery-3.1.1.min.js"></script>
	<script src="/assets/layui-2.9.18/layui.js"></script>
	<link rel="stylesheet" href="/assets/layui-2.9.18/css/layui.css">
	<link rel="stylesheet" href="/assets/layui-2.9.18/css/admin.css">
	<script src="/assets/september/common.js"></script>
	<script src="/assets/september/htmlBuilder.js"></script>
	<script src="/assets/september/search.js"></script>
	<link rel="stylesheet" href="/assets/pages/list.css">
    <style>
    .online_在线{
    	color:green;
    }
    .online_离线{
    	color:red;
    }
    </style>
</head>
<body class="layui-layout-body">
<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
   		<div class="layui-fluid" style="height: 100%">
            <div class="layui-card" style="height:800px">
                <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                    <div class="layui-form-item" style="height: 44px;clear: none">
                        <div class="layui-inline">
                            <label class="layui-search-form-label " style="display: inline">姓名</label>
                            <div class="layui-search-input-inline">
                                <input type="text" name="realname" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <button class="layui-btn layuiadmin-btn-list" lay-submit
                                    lay-filter="LAY-app-contlist-search" onclick="doSearch(1);">
                                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                            </button>
                        </div>
                        <div class="layui-inline">
                            <button class="layui-btn layuiadmin-btn-list" onclick="openAddUser();">添加</button>
                        </div>
                    </div>
                </div>
                <div class="layui-card-body" style="">

                    <div id="form" class="layui-table-box layui-form" lay-filter="CadreUserList">
                        <table id="LAY-app-content-list" lay-filter="LAY-app-content-list" class="layui-table">
                            <thead>
                            <tr>
                                <td align="center"><span>姓名</span></td>
                                <td align="center"><span>登录账号</span></td>
                                <td align="center"><span>手机号码</span></td>
                                <td align="center"><span>邮箱</span></td>
                                <td align="center"><span>权限角色</span></td>
                                <td align="center"><span>在线状态</span></td>
                                <th data-minwidth="150" class=" layui-table-col-special">
                                    <div class="layui-table-cell" align="center">
                                        <span>操作</span>
                                    </div>
                                </th>
                            </tr>
                            </thead>
                            <tbody class="layui-table-body layui-table-main">
                            <tr class="data_row" style="display: none">
                                <td align="center"><span>$[realname]</span></td>
                                <td align="center"><span>$[username]</span></td>
                                <td align="center"><span>$[phone]</span></td>
                                <td align="center"><span>$[email]</span></td>
                                <td align="center"><span>$[roleNamesString]</span></td>
                                <td align="center">
                                	<div>网页: <span class="online_$[webOnline]">$[webOnline]</span><div>
                                	<div>APP: <span class="online_$[appOnline]">$[appOnline]</span><div>
                                </td>
                                <td align="center" data-minwidth="150" class="layui-table-col-special">
                                    <div class="layui-table-cell">
                                        <a class="layui-btn layui-btn-normal layui-btn-xs" onclick="openEditUser($[id])">编辑</a>
                                        <a class="layui-btn layui-btn-danger layui-btn-xs" onclick="deleteUser($[id])">删除</a>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="layui-card-body">
                        <div id="page"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    searchUrl = '/userPermission/systemUser/systemUserListData';
    layui.use(function(){
    	var layer = layui.layer;
    	doSearch(1);
  	});

    function openEditUser(id) {
        layer.open({
            maxmin: true,
            type: 2,
            title: '编辑系统用户',
            area: ['50%', '500px'],
            content: '/userPermission/systemUser/editSystemUser?id=' + id
        });
    }


    function deleteUser(id) {
        confirmDelete(function () {
            sajax({
                type: "POST",
                url: "/userPermission/systemUser/delete?id=" + id,
                success: function (data) {
                    doPage(currentPage);
                    layer.msg('删除成功');
                }
            });
        });
    }

    function openAddUser() {
        layer.open({
            maxmin: true,
            type: 2,
            title: '添加系统用户',
            area: ['50%', '500px'],
            content: '/userPermission/systemUser/addSystemUser'
        });
    }

</script>
</body>
</html>
